﻿<!doctype html>
<html>
<head>
    <link href="css/base.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/baiduTemplate.js"></script>
</head>
<body>

<article class="blogs">
    <h2 class="title_tj">
    <p>文章<span>推荐</span></p>
  </h2>
	<div class="newblog left">
        <!--左left开始-->
        <!-- <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1433935884132180-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div>
        <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1442642178239101-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div>
        <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1442539025939884-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div>
        <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1442641275653897-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div> -->
        <div id="result"></div>
        <script id="t:_1234-abcd-1" type="text/html">
            <%for(var i=0; i < list.length; i++){%>
                <div class="oneblog">
                    <h2><a title="路·过-喜欢在路上" href="/"><%= list[i]["chapterName"]%></a></h2>
                    <figure><img src=<%= list[i]["imgPath"] %> border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
                    <ul class="nlist">
                        <p><%= list[i]["chapterDes"]%>...</p>
                        <a title="路·过-喜欢在路上" href="##" target="_blank" class="readmore" onclick="showDetail(event, <%= list[i]["chapterId"] %>)">阅读全文>></a>
                    </ul>
                    <p class="dateview">
                        <span>发布时间：<%= list[i]["publishTimer"]%></span>
                        <span>作者：<%= list[i]["author"]%></span>
                        <span>分类：[<a href="/">悠客</a>]</span>
                        <span class="nl">浏览（<%= list[i]["views"]%>)</span>
                        <span class="n2">评论（<a href="/">0</a>）</span>
                        <div class="line"></div>
                    </p>
                </div>
            <%}%>
        </script>
        
          <!--分页开始-->
        <div class="page">
              
        </div>
        <!--分页结束-->
	</div>
</article>
<footer>
    <p class="ft-copyright">个人博客 Sunshine </p>
    <div id="tbox"> <a id="togbook" href=""></a> <a id="gotop" href="javascript:void(0)"></a></div>
</footer>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script>
    $.get("http://localhost:8084/getChapterList", function(data) {
        console.log('hh')
        console.log(data)
        var data={
            "title":'欢迎使用baiduTemplate',
            "list": JSON.parse(data)
        };
        var bt=baidu.template;
        var html=bt('t:_1234-abcd-1',data);
        document.getElementById('result').innerHTML=html;
        console.log(data);
    })

    function showDetail(e, chapterId) {
        e.preventDefault();
        console.log(chapterId);
        // window.location:获得当前页面的地址 (URL)，并把浏览器重定向到新的页面
        window.location = "http://localhost:8083/detail?chapterId=" + chapterId;
    }
</script>
</html>